import { api } from '@/servers/api'
import { getData } from '@/servers/http'
import React, { Fragment, useEffect, useState } from 'react'
import starImg from '@/resource/vision/star.png'
import moonImg from '@/resource/vision/moon.png'
import editImg from '@/resource/vision/edit.png'
import styles from './index.module.less'

function Picture({ data }: any) {
    const info = data
    if (!info) {
        return null
    }

    return (
        <div className={styles.container}>
            <div className={styles.header}>
                {/* <img className={styles.moon_img} src={moonImg} /> */}
                {info?.name}
            </div>
            <div className={styles.content_wrapper}>
                <img src={info?.detail?.url} />
            </div>
        </div>
    )
}

export default Picture
